<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../vueJS/VUE.js">
    </script>
</head>

<body>
    <!-- 也可以放表达式 -->
    <div id="root">
        <h2>hello,{{name1.name}},{{Date.now()}}</h2>
    </div> 
    <script type="text/javascript">
        Vue.config.productionTip = false;

        new Vue({//一个vue对一个容器
            el: '#root',//css选择器，选择vue服务的容器
            data: {//存储数据
                name: 'abc',
                name1:{
                    name:'1'
                }
            }
        })
        //想让vue工作就必须创建 VUE实例，并且传入一个配置对象（el,data）
        //容器内代码仍然符合html规范，至少加了一些语法‘{{}}’
        //root容器代码被称为，vue模板
    </script>
</body>

</html>